<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>设备报警通知</title>
  <style>
    th, td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }

    th {
      background-color: #f2f2f2;
    }

    .highlight {
      background-color: #ffdddd;
    }
  </style>
</head>
<body>

<div>
  <h2>设备报警通知</h2>
  <p>此邮件由监控系统自动发送，请勿回复。</p>

  <table style="width: 100%;
      border-collapse: collapse;
      font-family: Arial, sans-serif;">
    <tr>
      <th>报警信息</th>
      <td><b>${msg}</b></td>
    </tr>
    <tr>
      <th>报警设备</th>
      <td>${sn}</td>
    </tr>
    <tr>
      <th>设备IP</th>
      <td>${clientSocket}</td>
    </tr>
    <tr>
      <th>报警时间</th>
      <td>${ts?number_to_datetime?string('yyyy-MM-dd hh:mm:ss')}</td>
    </tr>
    <tr>
      <th>报警等级</th>
      <td class="highlight">${warnType}</td>
    </tr>
  </table>

  <p>请立即检查并处理上述报警事项，以避免可能的进一步影响。</p>

  <p>如有任何疑问或需要协助，请联系HERO支持团队。</p>

  <p>感谢您的关注与配合！</p>
</div>

</body>
</html>
